.head-box {
	 width: 100%;
	 background-color: #09BB07;
	 display: flex;
	 flex-direction: row;
	 background-color: white;
 }
 .left-fang {
	 background-color: #F8F8F8;
	 height: 40px;
	 width: 47%;
	 text-align: center;
	 line-height: 40px;
 }
 .right-box {
	 text-align: center;
	 line-height: 40px;
	 width: 47%;
 }
 /* 向右的箭头 */
 .dot-right {  
     font-size: 0;  
     line-height: 0;  
     border-width: 20px;  
     border-color: #F8F8F8;  
     border-right-width: 0;  
     border-style: dashed;  
     border-left-style: solid;  
     border-top-color: transparent;  
     border-bottom-color: transparent;  
 }  
 .area {  
    margin:100px auto;  
    width:300px;   
    height: 150px;   
}  
.item {  
    float:left; clear:both;  
    margin-bottom:23px;  
}  
/* 向上的箭头 */  
.dot-top {  
    font-size: 0;  
    line-height: 0;  
    border-width: 10px;  
    border-color: red;  
    border-top-width: 0;  
    border-style: dashed;  
    border-bottom-style: solid;  
    border-left-color: transparent;  
    border-right-color: transparent;  
}  

/* 向下的箭头 */  
.dot-bottom {  
    font-size: 0;  
    line-height: 0;  
    border-width: 10px;  
    border-color: red;  
    border-bottom-width: 0;  
    border-style: dashed;  
    border-top-style: solid;  
    border-left-color: transparent;  
    border-right-color: transparent;  
}  
/* 向左的箭头 */  
.dot-left {  
    font-size: 0;  
    line-height: 0;  
    border-width: 10px;  
    border-color: red;  
    border-left-width: 0;  
    border-style: dashed;  
    border-right-style: solid;  
    border-top-color: transparent;  
    border-bottom-color: transparent;  
}  